<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Vaadin7 Demo</title>
<link rel="stylesheet" type="text/css" href="css/styles.css" />
<!--[if lte IE 6]>
		<link rel="stylesheet" type="text/css" href="css/ie.css" />
		<![endif]-->
<style type="text/css">
.nested-list ol {
	counter-reset: item
}

.nested-list li {
	display: block
}

.nested-list li:before {
	content: counters(item, ".") ". ";
	counter-increment: item
}
</style>
</head>

<body>
	<div id="header">
		<h1>Vaadin &ndash; thinking of U and I</h1>
		<div id="version">
			<strong>Version 7.1.0</strong>
		</div>
	</div>
	<!-- /header -->

	<div id="content">
		<h2 id="tableofcontents">Vaadin7 Demo</h2>
		<ul>
			<li><a href="#jpademo">JPA container Demo</a></li>
			<li><a href="#jsdemo">Javascript Component Demo</a></li>
			<li><a href="#addressdemo">AddressBook Demo</a></li>
			<li><a href="#tunesdemo">VaadinTunes Demo</a></li>
			<li><a href="#vaadinontheweb">Vaadin on the Web</a></li>
		</ul>
		<h2 id="jpademo">
			JPA demo
		</h2>
		
		<ul>
			<li><a href="<%=request.getContextPath()%>/jpademo/*">link</a></li>
		</ul>
		
		<h2 id="jsdemo">Javascript Component Demo</h2>
		<ul>
			<li><a href="<%=request.getContextPath()%>/jsdemo/*">link</a></li>
		</ul>
		
		
		<h2 id="addressdemo">AddressBook Demo</h2>
		<ul>
			<li><a href="<%=request.getContextPath()%>/demo/*">link</a></li>
		</ul>
		
		
		<h2 id="tunesdemo">VaadinTunes Demo</h2>
		<ul>
			<li><a href="<%=request.getContextPath()%>/tunesdemo/*">link</a></li>
		</ul>
		
		
		<h2 id="vaadinontheweb">Vaadin on the Web</h2>
		<ul>
			<li><a href="http://vaadin.com">vaadin.com - The developer
					portal containing everything you need to know about Vaadin</a></li>
			<li><a href="http://vaadin.com/demo">vaadin.com/demo - A
					collection of demos for Vaadin</a></li>
			<li><a href="http://vaadin.com/learn">vaadin.com/learn -
					Getting started with Vaadin</a></li>
			<li><a href="http://vaadin.com/forum">vaadin.com/forum -
					Forums for Vaadin related discussions</a></li>
			<li><a href="http://vaadin.com/book">vaadin.com/book - Book
					of Vaadin - everything you need to know about Vaadin</a></li>
			<li><a href="http://vaadin.com/api">vaadin.com/api - Online
					javadocs</a></li>
			<li><a href="http://vaadin.com/directory">vaadin.com/directory
					- Add-ons for Vaadin</a></li>

			<li><a href="http://vaadin.com/pro-account">vaadin.com/pro-account
					- Commercial support and tools for Vaadin development </a></li>
			<li><a href="http://vaadin.com/services">vaadin.com/services
					- Expert services for Vaadin</a></li>
			<li><a href="http://vaadin.com/company">vaadin.com/company -
					Information about the company behind Vaadin</a></li>

			<li><a href="http://dev.vaadin.com">dev.vaadin.com - Bug
					tracker</a></li>

			<li><a
				href="http://dev.vaadin.com/wiki/Vaadin/Development/StartingVaadin7Development">How
					to get the source code of Vaadin</a></li>
		</ul>
	</div>
	<!-- /content-->
	<div id="footer">
		<span class="slogan"><strong>vaadin <em>}></em>
		</strong> thinking of U and I<span> <a href="#top">&uarr; Back to
					top</a>
	</div>
	<!-- /footer -->
</body>
</html>